<!DOCTYPE html>
<html lang="en">
<head>
    <title>人事管理系统 ——部门管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
    <meta http-equiv="description" content="This is my page" />
    <link href="/hrm/css/css.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/hrm/js/ligerUI/skins/Aqua/css/ligerui-dialog.css"/>
    <link href="/hrm/js/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/hrm/js/jquery-1.11.0.js"></script>
    <script type="text/javascript" src="/hrm/js/jquery-migrate-1.2.1.js"></script>
    <script src="/hrm/js/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <script src="/hrm/js/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <link href="/hrm/css/pager.css" type="text/css" rel="stylesheet" />
    <link href="/hrm/css/kkpager_blue.css" type="text/css" rel="stylesheet" />
    <script src="/hrm/js/kkpager.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function gotoUpdate(id){
            window.location = "/hrm/dept/updateDept?flag=1&id="+id;
        };
        /** 给全选按钮绑定点击事件  */
        function checkAll(e){
            var boxs  = $("input[type='checkbox'][id^='box_']");
            // this是checkAll  this.checked是true
            // 所有数据行的选中状态与全选的状态一致
            boxs.attr("checked",e.checked);
        }
        $(function(){
            getDeptList("",1);
            function getDeptList(name,pageIndex){
                $.ajax({
                    url:"/hrm/dept/getDeptList",
                    data:{"pageIndex":pageIndex,"name":name},
                    type:"POST",
                    dataType:"JSON",
                    success:function(res){
                        if(res && res.depts){
                            $("#deptTable").empty();
                            let initHtml = '<tr class="main_trbg_tit" align="center"><td><input type="checkbox" name="checkAll" id="checkAll" onclick="checkAll(this)"></td>';
                            initHtml+=' <td>部门名称</td>';
                            initHtml+='<td>详细信息</td>';
                            if(parent.user.status == 1){
                                initHtml+=' <td align="center">操作</td>';
                            }
                            initHtml+=' </tr>';
                            $("#deptTable").append(initHtml);
                            for (let i = 0; i < res.depts.length; i++) {
                                let dept = res.depts[i];
                                let html = getTrHtml(dept,i);
                                $("#deptTable").append(html);
                            }
                            /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
                            $("tr[id^='data_']").hover(function(){
                                $(this).css("backgroundColor","#eeccff");
                            },function(){
                                $(this).css("backgroundColor","#ffffff");
                            })
                        }
                        if(res && res.pageModel){
                            kkpager.generPageHtml({
                                pno : pageIndex,
                                //总页码
                                total : res.pageModel.totalSize,
                                //总数据条数
                                totalRecords : res.pageModel.recordCount,
                                getLink : function(n){
                                    console.log(n);
                                },
                                mode : 'click',//默认值是link，可选link或者click,
                                click : function(n){
                                    this.selectPage(n);
                                    getDeptList(name,n);
                                    return false;
                                }
                            });
                        }
                    }
                });
            };
            function getTrHtml(dept,index){
                if(dept){
                    let html = ' <tr id="data_'+index+'" align="center" class="main_trbg" >';
                    html += '<td><input type="checkbox" id="box_'+index+'" value="'+dept.id+'"></td>';
                    html+='<td>'+dept.name+'</td>';
                    html+='<td>'+dept.remark+'</td>';
                    if(parent.user.status == 1){
                        html +='<td align="center" width="40px;" style="cursor: pointer" onclick="gotoUpdate('+dept.id+')"><img title="修改" src="/hrm/images/update.gif"/></td>'
                    }

                    return html;
                }
            }
            $("#search").click(function(){
                let name = $("#name").val();
                getDeptList(name,1);
            });

            /** 获取上一次选中的部门数据 */







            /** 删除员工绑定点击事件 */
            $("#delete").click(function(){
                var boxs  = $("input[type='checkbox'][id^='box_']");
                /** 获取到用户选中的复选框  */
                var checkedBoxs = boxs.filter(":checked");
                if(checkedBoxs.length < 1){
                    $.ligerDialog.error("请选择一个需要删除的部门！");
                }else{
                    /** 得到用户选中的所有的需要删除的ids */
                    var ids = checkedBoxs.map(function(){
                        return this.value;
                    })

                    $.ligerDialog.confirm("确认要删除吗?","删除部门",function(r){
                        if(r){
                            // alert("删除："+ids.get());
                            // 发送请求
                            window.location = "/hrm/dept/removeDept?ids=" + ids.get();
                        }
                    });
                }
            })
        })
    </script>
</head>
<body>
<!-- 导航 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr><td height="10"></td></tr>
    <tr>
        <td width="15" height="32"><img src="/hrm/images/main_locleft.gif" width="15" height="32"></td>
        <td class="main_locbg font2"><img src="/hrm/images/pointer.gif">&nbsp;&nbsp;&nbsp;当前位置：部门管理 &gt; 部门查询</td>
        <td width="15" height="32"><img src="/hrm/images/main_locright.gif" width="15" height="32"></td>
    </tr>
</table>

<table width="100%" height="90%" border="0" cellpadding="5" cellspacing="0" class="main_tabbor">
    <!-- 查询区  -->
    <tr valign="top">
        <td height="30">
            <table width="100%" border="0" cellpadding="0" cellspacing="10" class="main_tab">
                <tr>
                    <td class="fftd">

                            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td class="font3">
                                        部门名称：<input type="text" name="name" id="name">
                                        <input type="submit" value="搜索" id="search"/>
                                        <input id="delete" type="button" value="删除"/>
                                    </td>
                                </tr>
                            </table>

                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <!-- 数据展示区 -->
    <tr valign="top">
        <td height="20">
            <table width="100%" border="1" cellpadding="5" cellspacing="0" style="border:#c2c6cc 1px solid; border-collapse:collapse;" id="deptTable">

            </table>
        </td>
    </tr>
    <!-- 分页标签 -->
    <tr valign="top"><td align="center" class="font3">
        <div id="kkpager" ></div>
    </td></tr>
</table>
<div style="height:10px;"></div>
</body>
</html>